<template>
  <div>
    <div class="red">{{ red }}</div>
    <div class="green">{{ green }}</div>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      red: "App",
      green: "Good"
    }
  },
  created() {
    console.log(123)
  }
}
</script>

<style lang="less" scoped>
.red {
  color: red;
  font-size: 24px;
  font-weight: 700;
}

.green {
  color: green;
  font-size: 18px;
  font-weight: 400;
}
</style>